<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 標題 -->
    <title>Stream</title>
    <!-- 關鍵詞 -->
    <meta name="keywords" content="" />
    <!-- 網站間介 -->
    <meta name="description" content="" />
    <!-- 自這應屏幕 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/swipebox.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- Favicon 圖標-->
    <link rel="shortcut icon" href="/favicon.png" type="text/icon">
</head>
<body>
    <div class="header">
        <div class="container clearfix">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <!-- PC端顯示的導航 -->
            <div class="hidden-xs hidden-sm index-nav">
                <ul class="clearfix">
                    <li><a href="index.html">首頁</a></li>
                    <li><a href="">買主</a></li>
                    <li class="active"><a href="saling.html">企業出售</a></li>
                    <li><a href="">文章</a></li>
                    <li><a href="">聯絡我們</a></li>
                    <li><a href="">網站導覽</a></li>
                </ul>
            </div>
            <!-- 手機端顯示的導航 -->
         
            <nav id="commandbar-bottom" class="navbar navbar-inverse navbar-fixed-bottom visible-xs visible-sm clearfix">
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-university"></i><br>首頁</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-paper-plane"></i><br>文章</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-user"></i><br>我的</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-building"></i><br>企業銷售</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-user-plus"></i><br>買主</a></div>
            </nav>
          

            <ul class="index-usertag clearfix hidden-xs hidden-sm">
                <li class="dropdown dropdown-imenu1">
                    <a href="#" class="" >
                        <i class="fa fa-paper-plane fa-left"></i>
                    </a>
                    <ul class="" id="imenu1">
                        <li><a href="#">更新資訊</a></li>
                        <li><a href="#">更新企業出售</a></li>
                    </ul>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-bell fa-lg"></i></a>
                </li>
                <li class="dropdown dropdown-imenu2">
                    <a href="#" class="" >
                        <i class="fa fa-user-plus"></i>
                    </a>
 
                    <ul class="" id="imenu2">
                        <li class="dropdown-header divider1">ninnzya</li>

                        <li><a href=""><i class="fa fa-user fa-fw"></i> 個人資訊</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-pencil fa-fw"></i> 更新資訊</a></li>
                
                        <li><a href=""><i class="fa fa-bullhorn fa-fw"></i> 文章</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-building fa-fw"></i> 企業銷售</a></li>

                        <li><a href=""><i class="fa fa-eye fa-fw"></i> 分析</a></li>
                        <li><a href=""><i class="fa fa-bookmark fa-fw"></i> 書籤</a></li>
                        <li><a href=""><i class="fa fa-crosshairs fa-fw"></i> 建議</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-users fa-fw"></i> 尋找朋友</a></li>
                        <li><a href=""><i class="fa fa-cog fa-fw"></i> 您的帳户</a></li>
                        <li><a href=""><i class="fa fa-sign-out fa-fw"></i> 登出</a></li>
                    </ul>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-question"></i></a>
                </li>
            </ul>

            <ul class="index-usertag clearfix visible-xs visible-sm">
                <li class="dropdown ">
                    <a href=""><i class="fa fa-bookmark"></i></a>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-plus-square fa-left"></i></a>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-envelope fa-lg"></i></a>
                </li>
            </ul>

        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="searchFilters hidden-xs">
                    <div class="portlet panel panel-inverse" id="indFilters">
                        <div class="panel-heading">
                            <h4 class="panel-title">按商業類型篩選</h4> 
                        </div>
                        <div class="panel-body content" id="portlet-content-indFilters">
                            <ul>
                                <li class="active"><a href="javascript:;"><i class="fa fa-circle"></i> 全部類型</a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 農業 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 建築業 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 工業 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 制船業 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 航空 </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="portlet panel panel-inverse" id="indFilters">
                        <div class="panel-heading">
                            <h4 class="panel-title">按地區篩選</h4> 
                        </div>
                        <div class="panel-body content" id="portlet-content-indFilters">
                            <ul>
                                <li class="active"><a href="javascript:;"><i class="fa fa-circle"></i> 全部地區</a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 美洲 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 歐洲 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 亞洲 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 大洋洲 </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="portlet panel panel-inverse" id="indFilters">
                        <div class="panel-heading">
                            <h4 class="panel-title">按價格區間篩選</h4> 
                        </div>
                        <div class="panel-body content" id="portlet-content-indFilters">
                            <ul>
                                <li class="active"><a href="javascript:;"><i class="fa fa-circle"></i> 全部價格</a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 0 -10000 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 10000- 50000 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 50000- 200000 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 200000- 500000 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 500000以上 </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="portlet panel panel-inverse" id="indFilters">
                        <div class="panel-heading">
                            <h4 class="panel-title">按更新日期篩選</h4> 
                        </div>
                        <div class="panel-body content" id="portlet-content-indFilters">
                            <ul>
                                <li class="active"><a href="javascript:;"><i class="fa fa-circle"></i> 所有日期</a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 最近7天</a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 最近15天 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 最近1個月 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 最近3個月 </a></li>
                                <li><a href="javascript:;"><i class="fa fa-dot-circle-o"></i> 最近6個月  </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="index-main saling-main">
                    <div id="recordCounts" class="well well-sm hidden-xs">
                        <div class="row form-group-sm">
                            <form method="get" action="/search">
                                <div class="col-sm-7">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-addon"><i class="fa fa-search"></i></span>
                                        <input type="text" class="form-control"  name="value" placeholder="搜尋關鍵字或輸入您的ID" value="">
                                    </div>
                                </div>
                            </form>
                            <form method="get" class="form-inline">
                                <div class="col-sm-5 text-right">
                                    <label for="sort" class="control-label">排序</label>
                                    <select name="sort" id="sort" class="form-control ">
                                        <option value="" selected="">上架日期 (新 到 舊)</option>
                                        <option value="">上架日期 (舊 到 新)</option>
                                        <option value="">價格 (高 到 低)</option>
                                        <option value="">價格 (低 到 高)</option>
                                    </select>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="index-content">
                        <!-- 帖子列表無圖 -->
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>

                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>

                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>

                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>
                        <div class="index-content-list clearfix">
                            <div class="index-content-st">
                                <h5><a class="user-name" href="">出售企業名稱</a><small>#488652 更新時間： 2018-04-29</small></h5>
                                <ul class="fa-ul">
                                    <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                                    <li>
                                        <i class="fa fa-li fa-map-marker"></i> 
                                        佛州
                                    </li>
                                    <li><i class="fa fa-li fa-jpy"></i>$65,000 USD</li>
                                </ul>
                                <div class="index-content-intr">
                                    說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字說明文字                                </div>
                            </div>
                        </div>

                        <div class="page-fenye">
                            <div class="row">
                                <div class="col-md-2 left">
                                    <a href="#void" class="btn btn-default btn-blue"><icon class="fa fa-left fa-chevron-circle-left"></icon> 上一頁</a>
                                </div>

                                <div class="col-md-8 text-center hidden-sm hidden-xs">
                                    <div class="btn-group">
                                        <a class="btn btn-default" href="">1</a>
                                        <a class="btn btn-default " href="">2</a>
                                        <a class="btn btn-default " href="">3</a>
                                        <a class="btn btn-default " href="">4</a>
                                        <a class="btn btn-default active" href="">5</a>
                                        <a class="btn btn-default " href="">6</a>
                                        <a class="btn btn-default " href="">7</a>
                                        <a class="btn btn-default " href="">8</a>
                                        <a class="btn btn-default " href="">9</a>

                                    </div>
                                </div>
                                <div class="col-md-2 right">
                                    <a href="#void" class="btn btn-default btn-blue">下一頁 <icon class="fa fa-right fa-chevron-circle-right"></icon></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    

    <div class="footer">
        <div class="container">
            <div class="fonter-nav">
                <a href="">策略聯盟</a>
                <a href="">服務條款</a>
                <a href="">免責聲明</a>
                <a href="">交易流程</a>
                <a href="">平臺間介</a>
            </div>
            <div class="copyright">
                © 2018 
            </div>
        </div>
        
    </div>

    <!-- 投訴彈出框 -->
    <div class="modal fade modal-primary kry-safety-modal" id="addr-edit-modal" aria-hidden="true" aria-labelledby="addr-edit-modal" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-center ">
            <div class="modal-content">
                <form action="">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <h4 class="modal-title">投訴反饋</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group ">
                            <label for=""><span>被投訴人：</span>蕭天華</label>
                            <label for=""><span>投訴人：</span>陳康</label>
                            <label for=""><span>投訴時間：</span>2018-04-28 12:00:00</label>
                        </div>
                        <div class="form-group ">
                            <textarea class="form-control" rows="5" name="zone_a"  placeholder="投訴內容" ></textarea>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary " >送出</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightbox.js"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
            $('.dropdown-toggle').dropdown();
            $('.swipebox').swipebox();
        })
        $(".tag-check").click(function() {
            var hasClass = $(this).hasClass('active');
            if(!hasClass){
               $(this).addClass('active')
               $(this).children('i').addClass('fa-bookmark');
               $(this).children('i').removeClass('fa-bookmark-o');
            }
            else{
               $(this).removeClass('active')
               $(this).children('i').removeClass('fa-bookmark');
               $(this).children('i').addClass('fa-bookmark-o');
            }
            
        });
            
    </script>
    <script>

        $("#portlet-content-indFilters li").click(function(){
  
            $(this).parent().children('.active').removeClass('active');
            $(this).parent().children().children().children('i').removeClass('fa-circle');
            $(this).parent().children().children().children('i').addClass('fa-dot-circle-o');
            $(this).addClass('active')
            $(this).children().children('i').addClass('fa-circle');
            $(this).children().children('i').removeClass('fa-dot-circle-o');
            
        })
    </script>
</body>
</html>